<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
<script type="text/javascript">
    function nump(para){
        para.action="/user/login";
        para.submit();
        // para.action="/user/trans";
        // para.target="_blank";
        // para.submit();
    }

    $(document).ready(function () {
        let form=document.form1;
        cli=function () {
            nump(form);
        }
    })
</script>
<span  style="font-size:x-small;color: red;text-align:center;display: block ">登录失败,请检查用户名和密码是否输入正确</span>
<form name="form1" action="">
<!--    action="/user/login"-->
    <table border="1px" align="center">
        <tr>
            <td>选择人员</td>
            <td align="center">
                <select name="user">
                    <option selected >====请选择====</option>
                    <option value="public" >普通用户</option>
                    <option value="super" >超级管理者</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>用户名</td>
            <td><input type="text" name="username" id="username"></td>
        </tr>
        <tr>
            <td>密码</td>
            <td><input type="password" name="password" id="password"></td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <input type="submit" value="登录" id="login" onclick="cli()">&nbsp;&nbsp;&nbsp;
                <a href="register.html" style="font-size: xx-small">没有用户名？点这注册</a>&nbsp;&nbsp;&nbsp;
                <input type="reset" value="重置">
            </td>
        </tr>
    </table>
</form>
</body>
</html>
